<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10">
            <nav class="tabbable">
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/profile' ]">个性签名</a>
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/avatar' ]">选择头像</a>
                    <a class="nav-item nav-link active" href="javascript:;">社交信息</a>
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/passport' ]">修改密码</a>
                </div>
            </nav>
        </div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn"><i class="ico mdi mdi-search"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <div class="main-color p-3">
            <div class="alert alert-danger" role="alert" *ngIf="errorMessage.length > 0">
                <strong>oOps!</strong> {{errorMessage}}
            </div>
            <form  data-submit="once" class="theme-form parsley-form" (ngSubmit)="checkSocial(submitBtn)">
            <div class="form-group">
                <label class="bmd-label-floating" for="weibo">微博:</label>
                <input type="text" class="inputbox no-radius form-control w600" tabindex="1" [(ngModel)]="social.weibo" [ngModelOptions]="{standalone: true}"/>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="weixin">微信:</label>
                <input type="text" class="inputbox no-radius form-control w600" tabindex="2" [(ngModel)]="social.weixin" [ngModelOptions]="{standalone: true}"/>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="qq">QQ:</label>
                <input type="number" class="inputbox no-radius form-control w600" tabindex="3" [(ngModel)]="social.qq" [ngModelOptions]="{standalone: true}"/>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="mail">邮箱:</label>
                <input type="email" class="inputbox no-radius form-control w600" tabindex="4" [(ngModel)]="social.mail" [ngModelOptions]="{standalone: true}"/>
            </div>
            <div class="form-group">
                <input type="submit" tabindex="5" class="btn btn-primary btn-block" value="开始更新" #submitBtn/>
            </div>
            </form>
        </div>
    </div>
</div>
<footer class="container-fluid main-color" id="embed_page_footer">
    <div class="row">
        <div class="col-3 col-sm-3 col-md-3 text-center"><a href="javascript:;" role="button" class="btn btn-primary"><i class="ico-sm mdi mdi-settings"></i><span class="d-none d-sm-inline">&nbsp;设置</span></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/member/home/topic']" role="button"><i class="ico-sm mdi mdi-looks"></i><span class="d-none d-sm-inline">&nbsp;话题</span></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/message/']" role="button" id="primary-panel-notice"><i class="ico-sm mdi mdi-notifications"></i><span class="d-none d-sm-inline">&nbsp;消息</span>&nbsp;<sup class="device-notice-ele"></sup></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/member/home/']" role="button"><i class="ico-sm mdi mdi-account"></i><span class="d-none d-sm-inline">&nbsp;我</span></a></div>
    </div>
</footer>